<template>
  <div>
    <div class="componentTitle">企业基础数据</div>
    <div class="formTable">
      <div class="inputBox">
        <div class="subInputBox">
          <span class="inputBoxName inputBoxNameWidth">化学品登记系统编码</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
          >
          </el-input>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">父级企业编码</span>
          <el-input 
            placeholder="请输入"
            v-model="formData.name"
          >
          </el-input>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">企业简称</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
          >
          </el-input>
        </div>
      </div>

      <div class="inputBox">
        <div class="subInputBox">
          <span class="inputBoxName inputBoxNameWidth">生产场所在地址</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
          >
          </el-input>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">企业负责人</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
          >
          </el-input>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">企业负责人手机</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
          >
          </el-input>
        </div>
      </div>

      <div class="inputBox">
        <div class="subInputBox">
          <span class="inputBoxName inputBoxNameWidth">企业负责人电话</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
          >
          </el-input>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">安全值班电话</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
          >
          </el-input>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">邮政编码</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
          >
          </el-input>
        </div>
      </div>

      <div class="inputBox">
        <div class="subInputBox">
          <span class="inputBoxName inputBoxNameWidth">成立日期</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
          >
          </el-input>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">企业网址</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
          >
          </el-input>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">所属行业大类</span>
          <el-select v-model="value1" placeholder="请选择">
            <el-option
              v-for="item in optionsData"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
        </div>
      </div>

      <div class="inputBox">
        <div class="subInputBox">
          <span class="inputBoxName inputBoxNameWidth">营业执照经营范围</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
          >
          </el-input>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">安全生产标准化等级</span>
          <el-select v-model="value1" placeholder="请选择">
            <el-option
              v-for="item in optionsData"
              :key="item.value"
              :label="item.label"
              :value="item.value"

            >
            </el-option>
          </el-select>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">安全生产许可证编号</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
          >
          </el-input>
        </div>
      </div>

      <div class="inputBox">
        <div class="subInputBox">
          <div class="inputBoxName inputBoxNameWidth">职工人数</div>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
          >
          </el-input>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">安全生产许可证有效期开始日期</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
          >
          </el-input>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">安全生产许可证有效期结束日期</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
          >
          </el-input>
        </div>
      </div>

      <div class="inputBox">
        <div class="subInputBox">
          <span class="inputBoxName inputBoxNameWidth">从业人员人数</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
          >
          </el-input>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">剧毒化学品作业人员人数</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
          >
          </el-input>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">危险化学品作业人员人数</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
          >
          </el-input>
        </div>
      </div>

      <div class="inputBox">
        <div class="subInputBox">
          <span class="inputBoxName inputBoxNameWidth">特种作业人员人数</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
          >
          </el-input>
        </div>
      </div>

      <div class="addBtnBig"><div class="addBtn">保存</div></div>
    </div>

    <div class="componentTitle" style="margin-top: 40px">
      企业隶属化工行业关系
    </div>
    <div class="formTable">
      <div class="inputBox" style="justify-content: flex-start">
        <div class="subInputBox">
          <span class="inputBoxName inputBoxNameWidth">企业编码</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
          >
          </el-input>
        </div>
        <div class="subInputBox" style="margin-left: 145px">
          <span class="inputBoxName">化工行业编码</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
          >
          </el-input>
        </div>
      </div>
    </div>
    <div class="addBtnBig"><div class="addBtn">保存</div></div>

    <!-- 化学品信息 -->
    <div class="componentTitle componentTitle1">化学品信息</div>
    <div class="addBtn" @click="addHuaxue()">添加</div>
    <div class="pepleTable">
      <el-table :data="tableData" style="width: 100%">
        <el-table-column
          align="center"
          prop="targetCode"
          label="企业编码"
          width="180"
          :show-overflow-tooltip="true"
        >
        </el-table-column>
        <el-table-column
          align="center"
          prop="equipCode"
          label="中文名"
          width="180"
          :show-overflow-tooltip="true"
        >
        </el-table-column>
        <el-table-column
          align="center"
          prop="alarmGrade"
          label="别名"
          width="180"
          :show-overflow-tooltip="true"
        >
        </el-table-column>
        <el-table-column
          align="center"
          prop="equipCode"
          label="化学品类型"
          :show-overflow-tooltip="true"
        >
        </el-table-column>
        <el-table-column
          align="center"
          prop="dealWay"
          label="CAS号"
          width="100px"
        >
        </el-table-column>
        <el-table-column
          align="center"
          prop="equipCode"
          label="产品生产能力（吨）"
          width="180"
          :show-overflow-tooltip="true"
        >
        </el-table-column>
        <el-table-column
          align="center"
          prop="alarmGrade"
          label="产品生产能力气体（方）"
          width="180"
          :show-overflow-tooltip="true"
        >
        </el-table-column>
        <el-table-column
          align="center"
          prop="equipCode"
          label="产品最大储量（吨）"
          :show-overflow-tooltip="true"
        >
        </el-table-column>
        <el-table-column
          align="center"
          prop="dealWay"
          label="产品最大储量气体（方）"
          width="180px"
        >
        </el-table-column>

        <el-table-column
          align="center"
          prop="dealWay"
          label="操作"
          width="100px"
        >
          <template slot-scope="scope">
            <el-button
              style="color: #269e8f"
              type="text"
              @click="addHuaxue(scope.row)"
              >编辑</el-button
            >
            <el-button
              style="color: #f56c6c"
              type="text"
              @click="deleteCompany(scope.row)"
              >删除</el-button
            >
          </template>
        </el-table-column>
      </el-table>
    </div>
    <el-dialog
      :visible.sync="dialogVisible"
      width="1218px"
      :before-close="handleClose"
      :show-close="false"
      :append-to-body="true"
      custom-class="dialogCompany"
    >
      <div class="dialogTitle" slot="title">{{ dialogTitle }}</div>
      <div class="dialogForm">
        <el-form
          ref="form"
          :rules="rules"
          :model="form"
          label-width="200px"
          :inline="true"
        >
          <div class="formBox">
            <div class="formItem">
              <div class="left">
                <el-form-item label="企业编码">
                  <el-input
                    :disabled="seeForm"
                    placeholder="请输入"
                    v-model="form.targetCode"
                  ></el-input>
                </el-form-item>
              </div>
              <div class="right">
                <el-form-item label="中文名">
                  <el-input
                    placeholder="请输入"
                    v-model="form.targetPlace"
                    :disabled="seeForm"
                  ></el-input>
                </el-form-item>
              </div>
            </div>
            <div class="formItem">
              <div class="left">
                <el-form-item label="别名">
                  <el-input
                    :disabled="seeForm"
                    placeholder="请输入"
                    v-model="form.targetCode"
                  ></el-input>
                </el-form-item>
              </div>
              <div class="right">
                <el-form-item label="化学品类型">
                  <el-select v-model="value1" placeholder="请选择">
                    <el-option
                      v-for="item in optionsData"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
        
                    >
                    </el-option>
                  </el-select>
                </el-form-item>
              </div>
            </div>
            <div class="formItem">
              <div class="left">
                <el-form-item label="CAS号">
                  <el-input
                    :disabled="seeForm"
                    placeholder="请输入"
                    v-model="form.targetCode"
                  ></el-input>
                </el-form-item>
              </div>
              <div class="right">
                <el-form-item label="产品生产能力(吨)">
                  <el-input
                    placeholder="请输入"
                    v-model="form.targetName"
                    :disabled="seeForm"
                  ></el-input>
                </el-form-item>
              </div>
            </div>
            <div class="formItem">
              <div class="left">
                <el-form-item label="产品生产能力气体(方)">
                  <el-input
                    :disabled="seeForm"
                    placeholder="请输入"
                    v-model="form.targetCode"
                  ></el-input>
                </el-form-item>
              </div>
              <div class="right">
                <el-form-item label="产品最大储量(吨)">
                  <el-input
                    placeholder="请输入"
                    v-model="form.targetName"
                    :disabled="seeForm"
                  ></el-input>
                </el-form-item>
              </div>
            </div>
            <div class="formItem">
              <div class="left">
                <el-form-item label="产品最大储量气体(方)">
                  <el-input
                    :disabled="seeForm"
                    placeholder="请输入"
                    v-model="form.targetCode"
                  ></el-input>
                </el-form-item>
              </div>
            </div>
          </div>
        </el-form>
      </div>
      <div slot="footer" class="dialog-footer">
        <el-button @click="handleClose">取 消</el-button>
        <el-button
          :disabled="seeForm"
          class="leftCancel"
          type="primary"
          @click="submitForm"
          >确 定</el-button
        >
      </div>
    </el-dialog>

    <!-- 重大危险源信息 -->
    <div class="componentTitle componentTitle1">重大危险源信息</div>
    <div class="addBtn" @click="addWeixinyuan()">添加</div>
    <div class="carTable">
      <el-table :data="tableData" style="width: 100%">
        <el-table-column
          align="center"
          prop="targetCode"
          label="重大危险源名称"
          width="180"
          :show-overflow-tooltip="true"
        >
        </el-table-column>
        <el-table-column
          align="center"
          prop="equipCode"
          label="危险源简称"
          width="120"
          :show-overflow-tooltip="true"
        >
        </el-table-column>
        <el-table-column
          align="center"
          prop="alarmGrade"
          label="危险源等级"
          width="100"
          :show-overflow-tooltip="true"
        >
        </el-table-column>
        <el-table-column
          align="center"
          prop="equipCode"
          label="R值"
          :show-overflow-tooltip="true"
        >
        </el-table-column>
        <el-table-column
          align="center"
          prop="dealWay"
          label="行政区域编码"
          width="120px"
        >
        </el-table-column>
        <el-table-column
          align="center"
          prop="equipCode"
          label="地址"
          width="180"
          :show-overflow-tooltip="true"
        >
        </el-table-column>
        <el-table-column
          align="center"
          prop="alarmGrade"
          label="经度"
          width="100"
          :show-overflow-tooltip="true"
        >
        </el-table-column>
        <el-table-column
          align="center"
          prop="equipCode"
          label="维度"
          width="100px"
          :show-overflow-tooltip="true"
        >
        </el-table-column>
        <el-table-column
          align="center"
          prop="dealWay"
          label="投用日期"
          width="180px"
        >
        </el-table-column>
        <el-table-column
          align="center"
          prop="equipCode"
          label="周边防护目标最近距离（米）"
          width="220px"
          :show-overflow-tooltip="true"
        >
        </el-table-column>
        <el-table-column
          align="center"
          prop="dealWay"
          label="外边界500米范围人数估算"
          width="200px"
        >
        </el-table-column>

        <el-table-column
          align="center"
          prop="dealWay"
          label="操作"
          width="100px"
        >
          <template slot-scope="scope">
            <el-button
              style="color: #269e8f"
              type="text"
              @click="addWeixinyuan(scope.row)"
              >编辑</el-button
            >
            <el-button
              style="color: #f56c6c"
              type="text"
              @click="deleteCompany(scope.row)"
              >删除</el-button
            >
          </template>
        </el-table-column>
      </el-table>
    </div>
    <el-dialog
      :visible.sync="dialogVisible2"
      width="1218px"
      :before-close="handleClose2"
      :show-close="false"
      :append-to-body="true"
      custom-class="dialogCompany"
    >
      <div class="dialogTitle" slot="title">{{ dialogTitle2 }}</div>
      <div class="dialogForm">
        <el-form
          ref="form"
          :rules="rules"
          :model="form"
          label-width="200px"
          :inline="true"
        >
          <div class="formBox">
            <div class="formItem">
              <div class="left">
                <el-form-item label="重大危险源名称">
                  <el-input
                    :disabled="seeForm"
                    placeholder="请输入"
                    v-model="form.targetCode"
                  ></el-input>
                </el-form-item>
              </div>
              <div class="right">
                <el-form-item label="危险源简称">
                  <el-input
                    placeholder="请输入"
                    v-model="form.targetPlace"
                    :disabled="seeForm"
                  ></el-input>
                </el-form-item>
              </div>
            </div>
            <div class="formItem">
              <div class="left">
                <el-form-item label="危险源等级">
                  <el-select v-model="value1" placeholder="请选择">
                    <el-option
                      v-for="item in optionsData"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
        
                    >
                    </el-option>
                  </el-select>
                </el-form-item>
              </div>
              <div class="right">
                <el-form-item label="R值">
                  <el-input
                    placeholder="请输入"
                    v-model="form.targetPlace"
                    :disabled="seeForm"
                  ></el-input>
                </el-form-item>
              </div>
            </div>
            <div class="formItem">
              <div class="left">
                <el-form-item label="行政区域编码">
                  <el-input
                    :disabled="seeForm"
                    placeholder="请输入"
                    v-model="form.targetCode"
                  ></el-input>
                </el-form-item>
              </div>
              <div class="right">
                <el-form-item label="地址">
                  <el-input
                    placeholder="请输入"
                    v-model="form.targetPlace"
                    :disabled="seeForm"
                  ></el-input>
                </el-form-item>
              </div>
            </div>
            <div class="formItem">
              <div class="left">
                <el-form-item label="经度">
                  <el-input
                    :disabled="seeForm"
                    placeholder="请输入"
                    v-model="form.targetCode"
                  ></el-input>
                </el-form-item>
              </div>
              <div class="right">
                <el-form-item label="维度">
                  <el-input
                    placeholder="请输入"
                    v-model="form.targetPlace"
                    :disabled="seeForm"
                  ></el-input>
                </el-form-item>
              </div>
            </div>
            <div class="formItem">
              <div class="left">
                <el-form-item label="投用日期">
                  <el-select v-model="value1" placeholder="请选择">
                    <el-option
                      v-for="item in optionsData"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
        
                    >
                    </el-option>
                  </el-select>
                </el-form-item>
              </div>
              <div class="right">
                <el-form-item label="周边防护目标最近距离(米)">
                  <el-input
                    placeholder="请输入"
                    v-model="form.targetPlace"
                    :disabled="seeForm"
                  ></el-input>
                </el-form-item>
              </div>
            </div>
            <div class="formItem">
              <div class="left">
                <el-form-item label="外边界500米范围人数估算">
                  <el-input
                    :disabled="seeForm"
                    placeholder="请输入"
                    v-model="form.targetCode"
                  ></el-input>
                </el-form-item>
              </div>
              <div class="right">
                <el-form-item label="最大罐组">
                  <el-input
                    placeholder="请输入"
                    v-model="form.targetPlace"
                    :disabled="seeForm"
                  ></el-input>
                </el-form-item>
              </div>
            </div>
            <div class="formItem">
              <div class="left">
                <el-form-item label="是否在化工园区内">
                  <el-select v-model="value1" placeholder="请选择">
                    <el-option
                      v-for="item in optionsData"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
        
                    >
                    </el-option>
                  </el-select>
                </el-form-item>
              </div>
              <div class="right">
                <el-form-item label="所属化工园区名称">
                  <el-input
                    placeholder="请输入"
                    v-model="form.targetPlace"
                    :disabled="seeForm"
                  ></el-input>
                </el-form-item>
              </div>
            </div>
          </div>
        </el-form>
      </div>
      <div slot="footer" class="dialog-footer">
        <el-button @click="handleClose2">取 消</el-button>
        <el-button
          :disabled="seeForm"
          class="leftCancel"
          type="primary"
          @click="submitForm"
          >确 定</el-button
        >
      </div>
    </el-dialog>

    <!-- 重点危险化学工艺信息 -->
    <div class="componentTitle componentTitle1">重点危险化学工艺信息</div>
    <div class="addBtn" @click="addDangerHuaxue()">添加</div>
    <div class="fujianTable">
      <el-table :data="tableData" style="width: 100%">
        <el-table-column
          align="center"
          prop="dealTime"
          width="1500"
          label="工艺编码"
          :show-overflow-tooltip="true"
        >
        </el-table-column>

        <el-table-column
          align="center"
          prop="dealWay"
          label="操作"
          width="200px"
        >
          <template slot-scope="scope">
            <el-button
              style="color: #269e8f"
              type="text"
              @click="addDangerHuaxue(scope.row)"
              >编辑</el-button
            >
            <el-button
              style="color: #f56c6c"
              type="text"
              @click="deleteCompany(scope.row)"
              >删除</el-button
            >
          </template>
        </el-table-column>
      </el-table>
    </div>
    <el-dialog
      :visible.sync="dialogVisible3"
      width="1218px"
      :before-close="handleClose3"
      :show-close="false"
      :append-to-body="true"
      custom-class="dialogCompany"
    >
      <div class="dialogTitle" slot="title">{{ dialogTitle3 }}</div>
      <div class="dialogForm">
        <el-form
          ref="form"
          :rules="rules"
          :model="form"
          label-width="200px"
          :inline="true"
        >
          <div class="formBox">
            <div class="formItem">
              <div class="centerBox">
                <el-form-item label="工艺编码">
                  <el-input
                    :disabled="seeForm"
                    placeholder="请输入"
                    v-model="form.targetCode"
                  ></el-input>
                </el-form-item>
              </div>
            </div>
          </div>
        </el-form>
      </div>
      <div slot="footer" class="dialog-footer">
        <el-button @click="handleClose3">取 消</el-button>
        <el-button
          :disabled="seeForm"
          class="leftCancel"
          type="primary"
          @click="submitForm"
          >确 定</el-button
        >
      </div>
    </el-dialog>

    <!-- 设备信息 -->
    <div class="componentTitle componentTitle1">设备信息</div>
    <div class="addBtn" @click="addShebei()">添加</div>
    <div class="carTable">
      <el-table :data="tableData" style="width: 100%">
        <el-table-column
          align="center"
          prop="targetCode"
          label="设备编码"
          width="230"
          :show-overflow-tooltip="true"
        >
        </el-table-column>
        <el-table-column
          align="center"
          prop="equipCode"
          label="危险源编码"
          width="230"
          :show-overflow-tooltip="true"
        >
        </el-table-column>
        <el-table-column
          align="center"
          prop="alarmGrade"
          label="设备名称"
          width="230"
          :show-overflow-tooltip="true"
        >
        </el-table-column>
        <el-table-column
          align="center"
          prop="equipCode"
          label="设备描述"
          width="230"
          :show-overflow-tooltip="true"
        >
        </el-table-column>
        <el-table-column
          align="center"
          prop="dealWay"
          label="设备类型"
          width="230px"
        >
        </el-table-column>
        <el-table-column
          align="center"
          prop="equipCode"
          label="设备介质"
          width="220"
          :show-overflow-tooltip="true"
        >
        </el-table-column>
        <el-table-column
          align="center"
          prop="alarmGrade"
          label="设备运行状态"
          width="200"
          :show-overflow-tooltip="true"
        >
        </el-table-column>

        <el-table-column
          align="center"
          prop="dealWay"
          label="操作"
          width="140px"
        >
          <template slot-scope="scope">
            <el-button
              style="color: #269e8f"
              type="text"
              @click="addShebei(scope.row)"
              >编辑</el-button
            >
            <el-button
              style="color: #f56c6c"
              type="text"
              @click="deleteCompany(scope.row)"
              >删除</el-button
            >
          </template>
        </el-table-column>
      </el-table>
    </div>
    <el-dialog
      :visible.sync="dialogVisible4"
      width="1218px"
      :before-close="handleClose4"
      :show-close="false"
      :append-to-body="true"
      custom-class="dialogCompany"
    >
      <div class="dialogTitle" slot="title">{{ dialogTitle4 }}</div>
      <div class="dialogForm">
        <el-form
          ref="form"
          :rules="rules"
          :model="form"
          label-width="200px"
          :inline="true"
        >
          <div class="formBox">
            <div class="formItem">
              <div class="left">
                <el-form-item label="设备编码">
                  <el-input
                    :disabled="seeForm"
                    placeholder="请输入"
                    v-model="form.targetCode"
                  ></el-input>
                </el-form-item>
              </div>
              <div class="right">
                <el-form-item label="危险源编码">
                  <el-input
                    placeholder="请输入"
                    v-model="form.targetPlace"
                    :disabled="seeForm"
                  ></el-input>
                </el-form-item>
              </div>
            </div>
            <div class="formItem">
              <div class="left">
                <el-form-item label="设备名称">
                  <el-input
                    placeholder="请输入"
                    v-model="form.targetPlace"
                    :disabled="seeForm"
                  ></el-input>
                </el-form-item>
              </div>
              <div class="right">
                <el-form-item label="设备描述">
                  <el-input
                    placeholder="请输入"
                    v-model="form.targetPlace"
                    :disabled="seeForm"
                  ></el-input>
                </el-form-item>
              </div>
            </div>
            <div class="formItem">
              <div class="left">
                <el-form-item label="设备类型">
                  <el-input
                    :disabled="seeForm"
                    placeholder="请输入"
                    v-model="form.targetCode"
                  ></el-input>
                </el-form-item>
              </div>
              <div class="right">
                <el-form-item label="设备介质">
                  <el-input
                    placeholder="请输入"
                    v-model="form.targetPlace"
                    :disabled="seeForm"
                  ></el-input>
                </el-form-item>
              </div>
            </div>
            <div class="formItem">
              <div class="left">
                <el-form-item label="设备运行状态">
                  <el-select v-model="value1" placeholder="请选择">
                    <el-option
                      v-for="item in optionsData"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
        
                    >
                    </el-option>
                  </el-select>
                </el-form-item>
              </div>
            </div>
          </div>
        </el-form>
      </div>
      <div slot="footer" class="dialog-footer">
        <el-button @click="handleClose4">取 消</el-button>
        <el-button
          :disabled="seeForm"
          class="leftCancel"
          type="primary"
          @click="submitForm"
          >确 定</el-button
        >
      </div>
    </el-dialog>
  </div>
</template>

<script>
export default {
  name: 'dangerCompany',
  props: {},
  components: {},
  data () {
    return {
      formData: {
        name: ''
      },
      optionsData: [
        {
          value: '选项1',
          label: '黄金糕'
        },
        {
          value: '选项2',
          label: '双皮奶'
        },
        {
          value: '选项3',
          label: '蚵仔煎'
        },
        {
          value: '选项4',
          label: '龙须面'
        },
        {
          value: '选项5',
          label: '北京烤鸭'
        }
      ],
      options: [
        {
          value: '1',
          label: '露天矿山感知设备信息'
        },
        {
          value: '2',
          label: '露天矿山定位设备信息'
        }
      ],
      tableData: [
        {
          id: 5,
          enterpriseName: '浙江金麒实业有限公司',
          emergencySceneCode: '粉尘涉爆企业',
          alarmGrade: '在用',
          targetCode: 'xxxxxxxxx',
          equipCode: '金麒实业除尘设备',
          startAlarmtime: '2024-06-13 10:37:08',
          alarmStatus: '已消警',
          endAlarmtime: '2024-06-14 10:37:12',
          isDeal: '未处理',
          alarmReason: 'CGCS2000',
          dealTime: '2024-06-14 10:37:24',
          dealWay: '1',
          dealPersonName: '1'
        },
        {
          id: 8,
          enterpriseName: '浙江金麒实业有限公司',
          emergencySceneCode: '粉尘涉爆企业',
          alarmGrade: '停用',
          targetCode: 'xxxxxxxxxxx',
          equipCode: '天诚家具除尘设备',
          startAlarmtime: '2024-06-14 10:37:08',
          alarmStatus: '已消警',
          endAlarmtime: '2024-06-14 10:37:12',
          isDeal: '未处理',
          alarmReason: 'CGCS2000',
          dealTime: '2024-06-14 10:37:24',
          dealWay: '1',
          dealPersonName: '1'
        }
      ],
      value: '1',
      value1: '',

      seeForm: false,
      dialogTitle: '新增化学品信息',
      dialogTitle2: '新增重大危险源信息',
      dialogTitle3: '新增重点危险化学工艺信息',
      dialogTitle4: '新增设备信息',

      rules: {
        companyName: [
          {
            required: true,
            message: 'companyName is required',
            trigger: 'blur'
          }
        ]
      },
      dialogVisible: false,
      dialogVisible2: false,
      dialogVisible3: false,
      dialogVisible4: false,
      form: {
        companyName: '',
        emergencyScenecode: '',
        equipCode: '',
        targetType: '',
        targetName: '',
        targetUnit: '',
        targetPlace: '',
        targetStatus: '',
        signalType: '',
        thresholdUpupLimit: '',
        thresholdUpLimit: '',
        thresholdDowndownLimit: '',
        thresholdDownLimit: '',
        rangeDown: '',
        rangeUp: '',
        bitNo: '',
        targetDescription: '',
        alarmValue: ''
      }
    }
  },
  methods: {
    addHuaxue (row) {
      console.log(row)
      if (row) {
        this.dialogTitle = '编辑化学品信息'
      } else {
        this.dialogTitle = '新增化学品信息'
      }
      this.dialogVisible = true
    },
    handleClose () {
      this.dialogVisible = false
    },

    addWeixinyuan (row) {
      console.log(row)
      if (row) {
        this.dialogTitle2 = '编辑重大危险源信息'
      } else {
        this.dialogTitle2 = '新增重大危险源信息'
      }
      this.dialogVisible2 = true
    },
    handleClose2 () {
      this.dialogVisible2 = false
    },

    addDangerHuaxue (row) {
      console.log(row)
      if (row) {
        this.dialogTitle3 = '编辑重点危险化学工艺信息'
      } else {
        this.dialogTitle3 = '新增重点危险化学工艺信息'
      }
      this.dialogVisible3 = true
    },
    handleClose3 () {
      this.dialogVisible3 = false
    },
    addShebei (row) {
      console.log(row)
      if (row) {
        this.dialogTitle4 = '编辑设备信息'
      } else {
        this.dialogTitle4 = '新增设备信息'
      }
      this.dialogVisible4 = true
    },
    handleClose4 () {
      this.dialogVisible4 = false
    },

    submitForm () {}
  },
  mounted () {},
  watch: {},
  computed: {},
  filters: {}
}
</script>

<style scoped lang="scss">
.componentTitle {
  color: #303133;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
}

.componentTitle1 {
  margin-top: 41px;
}

.formTable {
  font-family: 思源黑体;
  font-size: 14px;
  font-weight: normal;
  line-height: 19px;
  letter-spacing: 0px;
  font-feature-settings: 'kern' on;
  color: #303133;
  .inputBox {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
    .subInputBox {
      display: flex;
      .inputBoxName {
        padding-top: 2px;
        text-align: right;
        width: 112px;
        height: 32px;
        margin-right: 11px;

        display: flex;
        align-items: center;
        justify-content: flex-end;
        word-wrap: break-word;
        overflow-wrap: break-word;
      }
      .inputBoxNameWidth {
        width: 84px;
      }

      .inputBoxNameWidth2 {
        width: 189px;
      }
    }
  }
}

.titleOption {
  margin-top: 40px;
}

.inputBox ::v-deep .el-select .el-input .el-input__inner {
  width: 392px;
  height: 32px;
}
.inputBox2 ::v-deep .el-select .el-input .el-input__inner {
  width: 607px;
  height: 32px;
}

.titleOption ::v-deep .el-select .el-input__inner {
  background-color: transparent;
  color: #303133;
  font-size: 16px;
  font-weight: 900;
  line-height: 17px;
  letter-spacing: 0px;
  width: 240px;
}
// .titleOption ::v-deep .el-select-dropdown__item .selected {
//   color: #303133;
// }
.addBtn {
  margin-top: 15px;
  width: 78px;
  height: 32px;
  border-radius: 3px;
  opacity: 1;
  background: #269e8f;
  font-family: 思源黑体;
  font-size: 14px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0px;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
}
.addBtnBig {
  display: flex;
  justify-content: right;
}

.saveBtn {
  text-align: right;
}

.dialogTitle {
  text-align: center;
  border-bottom: 1px solid #d8d8d8;
  font-size: 20px;
  font-weight: 500;
  padding: 22px 0 19px 0;
}
::v-deep .el-dialog__header {
  padding: 0 30px;
}
.dialog-footer {
  display: flex;
  justify-content: center;
  .leftCancel {
    margin-left: 77px;
    background-color: #269e8f;
    border: 1px solid #269e8f;
  }
}
.dialogForm {
  .label-class::v-deep .el-form-item__label {
    white-space: pre-line !important;
    line-height: 18px !important;
  }
  .formBox {
    .formItem {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 20px;
    }
    .left {
      width: 50%;
      height: 30px;
      line-height: 30px;
    }
    .right {
      width: 50%;
      height: 30px;
      line-height: 30px;
    }
    .centerBox {
      box-sizing: content-box;
      margin: 0 auto;
      width: 50%;
      height: 30px;
      line-height: 30px;
    }
    ::v-deep .el-input {
      height: 30px;
      width: 260px;
    }
    ::v-deep .el-input__inner {
      height: 30px;
    }
    ::v-deep .el-input__suffix {
      height: 40px;
    }
  }
}
::v-deep.dialogCompany {
  border-radius: 20px;
}
</style>
